@import "../../../../assets/css/common.styl"
@import '../../../../assets/css/modalBox.styl'
.profile
	.right_header
		background: #324157
		width: 100%
		height: 50px
		display: flex
		.listName
			font-size: 16px
			flex: 1
		.right_header_time 
			.el-input
				width 210px !important
	.right_content
		width: 98%;
		padding 5px 1% !important
		.block
			text-align: center
			// margin-top: 20px
		.list1
			overflow: hidden
			width: 100%
			position: relative
			margin-top: 10px
			.list1_title
				width: 100%
				height: 40px
				line-height: 40px
				background: rgb(50, 65, 87)
				color: rgb(191, 203, 217)
				font-size: 14px
				p
					display: block
					margin-left: 10px
					float: left
				.list1_intro
					display: block
					float: right
					margin-right: 10px 
			.el-table 
				.one-row
					background #c9e5f5
				.two-row
					background #e2f0e4
				.three-row
					background #f9e1e1
				th
					background #2eb398
				.el-table__header-wrapper 
					thead 
						div
							background #2eb398
							color: #ffffff
		.list2
			overflow: hidden
			width: 100%
			position: relative
			margin-top: 20px
			.list2_title
				width: 100%
				height: 40px
				line-height: 40px
				background: rgb(50, 65, 87)
				color: rgb(191, 203, 217)
				font-size: 14px
				p
					display: block
					margin-left: 10px
					float: left
				.list2_intro
					display: block
					float: right
					margin-right: 10px 
			.details
				li
					.right_content_intro_icon
						i
							margin: 8px 0;
		.list3
			overflow: hidden
			width: 100%
			position: relative
			margin-top: 20px
			.list3_title
				width: 100%
				height: 40px
				line-height: 40px
				background: rgb(50, 65, 87)
				color: rgb(191, 203, 217)
				font-size: 14px
				p
					display: block
					margin-left: 10px
					float: left
				.list3_intro
					display: block
					float: right
					margin-right: 10px
			#profile1
				width: 100% !important
				height: 300px
				border: 1px solid #ccc
				box-sizing: border-box
		.list4
			overflow: hidden
			width: 100%
			position: relative
			margin-top: 20px
			.list4_title
				width: 100%
				height: 40px
				line-height: 40px
				background: rgb(50, 65, 87)
				color: rgb(191, 203, 217)
				font-size: 14px
				p
					display: block
					margin-left: 10px
					float: left
				.list4_intro
					display: block
					float: right
					margin-right: 10px
			#profile2
				width: 100% !important
				height: 400px
				border: 1px solid #ccc
				box-sizing: border-box
		.list5
			overflow: hidden
			width: 100%
			position: relative
			margin-top: 20px
			.list5_title
				width: 100%
				height: 40px
				line-height: 40px
				background: rgb(50, 65, 87)
				color: rgb(191, 203, 217)
				font-size: 14px
				p
					display: block
					margin-left: 10px
					float: left
				.list5_intro
					display: block
					float: right
					margin-right: 10px
			#profile3
				width: 100% !important
				height: 300px
				border: 1px solid #ccc
				box-sizing: border-box
		.list6
			overflow: hidden
			width: 100%
			position: relative
			margin-top: 20px
			.list6_title
				width: 100%
				height: 40px
				line-height: 40px
				background: rgb(50, 65, 87)
				color: rgb(191, 203, 217)
				font-size: 14px
				p
					display: block
					margin-left: 10px
					float: left
				.list6_intro
					display: block
					float: right
					margin-right: 10px
			#profile4
				width: 100% !important
				height: 300px
				border-top: 0
				box-sizing: border-box
				canvas
					width: 100% !important
			.el-tabs--border-card
				.el-tabs__content
					padding: 0
					margin: 0
					border: 0
		.list7
			overflow: hidden
			width: 100%
			position: relative
			margin-top: 20px
			margin-bottom: 300px
			.list7_title
				width: 100%
				height: 40px
				line-height: 40px
				background: rgb(50, 65, 87)
				color: rgb(191, 203, 217)
				font-size: 14px
				p
					display: block
					margin-left: 10px
					float: left
				.list7_intro
					display: block
					float: right
					margin-right: 10px
			#profile5
				width: 100% !important
				height: 300px
				border: 1px solid #ccc
				box-sizing: border-box
@media screen and (max-width: 1570px)
	.profile
		.right_content
			.details
				:last-child
					p
						height auto